window.onload = function(){
	var num = 0;
	function Run () {
		// 捕捉元素
		var img_list = document.getElementsByClassName('img');
		var click_list = document.getElementsByClassName('click'); 
		// 循环让所有li消失
		for (var i = 0; i < img_list.length; i++) {
			img_list[i].style.display='none';
			click_list[i].style.backgroundColor='#000';
		};
		//只出现当前那一个
		img_list[num].style.display='block';
		click_list[num].style.backgroundColor='#fff';

		// 走到最后一个，需要判断让他重新来过
		if(num==img_list.length-1){
			num = 0;
		}else{
			num++;
		}
	}

	// 轮展定时器
	var time = setInterval(Run, 1000);

	var banner = document.getElementById('banner');

	// 进来的事件
	banner.onmouseover = function(){
		clearInterval(time);
	}

	//出去的事件		
	banner.onmouseleave = function(){
		time = setInterval(Run, 1000);
	}

	// 点击圆点切换到相对应的图片
	var click_list = document.getElementsByClassName('click'); 
	for (var i = 0; i < click_list.length; i++) {
		click_change(i);
	};

	// 给每个圆点加个事件
	function click_change (i) {
		click_list[i].onclick = function () {
			num = i;
			Run();
		}
	}
}